<template>
  <div class="word">
     <head></head>
    <div class="beifen">
      <image style="width:58px;height:65px;" src="root:img/create/biji@2x.png"></image>
      <text style="font-size:36px;margin-top:24px;color:rgba(19,32,63,1)">{{$t('login.clone_word')}}</text>
      <text class="attention">{{$t('login.please_careful')}}</text>
      <div class="word-c">
        <text class="zhujici">{{master_key}}</text>
      </div>
    </div>
    <div class="login-btn" @click="push('root:pages/login/sure.js',{master_key:master_key,master_seed:master_seed})">
      <text style="color:#ffffff;font-size:24px;text-align: center;line-height:74px;
      ">{{$t('login.next_step')}}</text>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      master_key:'',
      master_seed:''
    }
  },
  components: {},
  computed: {},
  watch: {},
  created() {
    var self = this
    var globalEvent = weex.requireModule('globalEvent') ;
        globalEvent.addEventListener("onPageInit", function (e) {
             var param = self.navigator.param();
             if(!param) return
             self.master_key = param.master_key
             self.master_seed = param.master_seed
        });
  },
  mounted() {},
  methods: {}
}
</script>
<style scoped>
.word{
  position: absolute;
  top: 0;
  bottom: 0;
  flex:1;
}
.beifen{
  margin-top: 80px;
  width: 750px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.attention{
  margin-top: 68px;
  font-size: 28px;
  color: rgba(102,102,102,1);
}
.word-c{
  width: 690px;
  background-color: rgba(70,120,245,0.1);
  padding-top: 44px;
  padding-left: 18px;
  padding-bottom: 44px;
  margin-top: 28px;
  border-radius: 20px;
  padding-right: 18px;
}
.zhujici{
  font-size: 28px;
  color: rgba(102,102,102,1);
  line-height: 48px;
}
.login-btn{
  width: 690px;
  height: 80px;
  background-color: rgba(70,120,245,1);
  margin-top: 100px;
  border-radius: 10px;
  position: absolute;
  bottom: 140px;
  left: 30px;
}
</style>